﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Account.aspx.cs" Inherits="Golf.WebUI.Account" %>

<%@ Register Src="~/UserControl/Header.ascx" TagName="Header" TagPrefix="UserHeader" %>
<%@ Register Src="~/UserControl/footer.ascx" TagName="Footer" TagPrefix="UserFooter" %>
<%@ Register Src="~/UserControl/ToolbarContainer.ascx" TagName="Toolbal" TagPrefix="UserToolbal" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="Style/Base.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        #mainContent .overview
        {
            clear: left;
            width: 100%;
            padding-bottom: 10px;
            float: left;
            position: relative;
            background: url(/common/images/account/accountoverviewcontainerbottom.gif) no-repeat 0 bottom;
        }
        #mainContent .overview .caddy
        {
            width: 113px;
            height: 113px;
            position: absolute;
            top: 13px;
            right: 24px;
            background: url(/common/images/account/caddy.png) no-repeat 0 0;
        }
        #mainContent .overview .header
        {
            height: 82px;
            padding: 14px 0 0 18px;
            position: relative;
            background: url(/common/images/account/accountoverviewheaderbg.png) no-repeat 0 0;
        }
        #mainContent .overview .header h2
        {
            font-size: 1.8em;
            color: #fff;
        }
        #mainContent .overview .content
        {
            width: 946px;
            padding: 28px;
            overflow: auto;
            float: left;
            border-left: 1px solid #c9c9c9;
            border-right: 1px solid #c9c9c9;
            background: #eee url(/common/images/account/contentbg.gif) repeat-x 0 0;
        }
        #mainContent .overview .content .container h3
        {
            float: none;
        }
        #mainContent .overview .content .container a
        {
            float: right;
            margin-top: 14px;
        }
        #mainContent .overview .content .container p.wishTxt
        {
            font-size: 12px;
        }
        #mainContent .overview .content .container p.wishTxt a
        {
            font-weight: bold;
            float: none;
            margin: 0;
            text-decoration: underline;
        }
        #mainContent .overview .content .container p.loyaltyTxt
        {
            width: 114px;
            font-size: 11px;
            float: left;
        }
        #mainContent .overview .content .container p.loyaltyPoints
        {
            margin-left: 26px;
            float: left;
            font-size: 24px;
            font-weight: bold;
        }
        #mainContent .overview .content .container .deliveryAddress
        {
            width: 148px;
            padding: 10px;
            float: left;
        }
        #mainContent .overview .content .container .billingAddress
        {
            width: 148px;
            padding: 10px;
            margin-left: 10px;
            float: left;
        }
        #mainContent .overview .wrapper
        {
            float: left;
        }
        #mainContent .overview .content .largeContainer dl#accountDetails
        {
            overflow: auto;
        }
        #mainContent .overview .content .largeContainer dl#accountDetails dt
        {
            clear: left;
            float: left;
            width: 116px;
            margin: 0 8px 10px 0;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
        }
        #mainContent .overview .content .largeContainer dl#accountDetails dd
        {
            clear: right;
            width: 226px;
            margin-bottom: 10px;
            float: right;
            font-size: 12px;
            text-align: left;
        }
        #mainContent .overview .content .largeContainer ul#accountAddresses
        {
            margin-left: 18px;
        }
        #mainContent .overview .content .largeContainer ul#accountAddresses li
        {
            margin-bottom: 10px;
            list-style: decimal;
            font-size: 10px;
        }
        #mainContent .overview .content .mediumContainer table#tbOrderHistory
        {
            width: 230px;
        }
        #mainContent .overview .content .mediumContainer table#tbOrderHistory tr td
        {
            font-size: 10px;
            line-height: normal;
            padding: 0;
            border: none;
            background: none;
        }
        #mainContent .overview .content .mediumContainer table#tbOrderHistory tr td.right
        {
            text-align: right;
        }
        #mainContent .overview .content .mediumContainer table#tbOrderHistory tr td a.view
        {
            padding-left: 18px;
            font-size: 11px;
            text-decoration: underline;
            background: url(/common/images/shell/book.gif) no-repeat 0 center;
        }
        #mainContent .overview .content .narrowContainer ul#currentSettings li
        {
            width: 100%;
            margin: 0 0 10px;
            font-size: 14px;
        }
        #mainContent .overview .content .narrowContainer ul#currentSettings li strong
        {
            margin-right: 4px;
        }
        #mainContent .accountContainer .header ul.accountTabs
        {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 5px 0 0 2px;
            right: 415px;
        }
        #mainContent .accountContainer .header ul.accountTabs li
        {
            float: left;
            margin: 0 -1px;
            cursor: pointer;
        }
        #mainContent .accountContainer .header ul.accountTabs li a
        {
            padding: 0 16px 0 0;
            display: block;
            color: #676666;
            cursor: pointer;
            background: url(/common/images/account/tab_right.png) no-repeat right -40px;
        }
        #mainContent .accountContainer .header ul.accountTabs li a strong
        {
            padding: 9px 0 6px 15px;
            display: block;
            background: url(/common/images/account/tab_left.png) no-repeat 0 -40px;
        }
        #mainContent .accountContainer .header ul.accountTabs li.open
        {
            margin: 0;
        }
        #mainContent .accountContainer .header ul.accountTabs li.open a
        {
            padding: 0 18px 0 0;
            color: #000;
            background-position: right 0;
        }
        #mainContent .accountContainer .header ul.accountTabs li.open a strong
        {
            padding: 9px 0 6px 17px;
            background-position: 0 0;
        }
        #mainContent .accountContainer .content .largeContainer
        {
            width: 350px;
            padding: 16px 20px;
            margin-right: 14px;
            background: url(/common/images/account/accountcontainerlargebg.png) no-repeat 0 0;
        }
        #mainContent .accountContainer .content .mediumContainer
        {
            width: 232px;
            padding: 16px 20px;
            margin-right: 14px;
            background: url(/common/images/account/accountContainerMediumBg.png) no-repeat 0 0;
        }
        #mainContent .overview .content .mediumContainer table#tbOrderHistory
        {
            width: 230px;
        }
    </style>

    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-24545885-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

    </script>

</head>
<body>
    <form id="form1" runat="server" style="background-color: White;">
    <UserHeader:Header ID="UserHeader" runat="server" />
    <div style="clear: both; width: 1px;">
    </div>
    <div id="mainContent" style="width: 1004px; clear: both; background-color: White;">
        <div class="topContent" style="clear: left; height: 50px; padding-top: 10px; width: 1004px;
            margin: 0px; line-height: 25px;">
            <div style="width: 750px; float: left; padding-left: 10px; font-size: 1.1em;">
                <h2 style="font-size: 1.1em; float: left; margin-right: 8px;">
                    <font><font>欢迎回来，</font></font><span style="color: #89BC05;"><font><font>dufeng_Code@163.com</font></font></span></h2>
                <p>
                    <font><font style="">（如果你，不dufeng_Code@163.com </font></font><a onclick="return confirm('This will log you out of your account.\n\nYour basket items have been saved and will be available next time you log in.\n\n Are you sure you wish to continue?');"
                        id="ctl00_mainContent_welcome_btnNotMe" title="点击这里" href="#"><font><font>点击这里</font></font></a><font><font>）</font></font></p>
            </div>
            <div class="logout" style="padding-left: 14px; float: right; background: url(/common/images/shell/bulletGreen.png) no-repeat 0 8px;
                width: 50px;">
                <a onclick="return confirm('This will log you out of your account.\n\nYour basket items have been saved and will be available next time you log in.\n\n Are you sure you wish to continue?');"
                    id="ctl00_mainContent_welcome_btnLogout" title="登出" href="index.aspx"><font><font>登出</font></font></a>
            </div>
        </div>
        <div class="accountContainer overview">
            <div class="header">
                <h2>
                    Account Overview</h2>
                <ul class="accountTabs">
                    <li style="width: 151px;"><a href="#" title=""><strong>Account Details</strong></a></li>
                    <li style="width: 151px;"><a href="#" title=""><strong>Address Details</strong></a></li>
                    <li style="width: 151px;"><a href="#" title=""><strong>Loyalty Points</strong></a></li>
                    <li style="width: 81px;"><a href="#" title=""><strong>Settings</strong></a></li>
                </ul>
            </div>
            <div class="caddy">
            </div>
            <div style="clear: both; width: 1px;">
            </div>
            <div class="content">
                <div class="wrapper">
                    <div class="container largeContainer">
                        <h3>
                            Account Details</h3>
                        <dl id="accountDetails">
                            <dt>Name:</dt>
                            <dd>
                                dufeng_Code@163.com</dd>
                            <dt>Email Address:</dt>
                            <dd>
                                dufeng_Code@163.com</dd>
                            <dt>Password:</dt>
                            <dd>
                                ************</dd>
                            <dt>Newsletter:</dt>
                            <dd>
                                Subscribed</dd>
                        </dl>
                        <a href="accountDetails.aspx" title="" class="btn_editAccountDetails">Edit Account Details</a>
                    </div>
                    <div class="largeContainerBottom">
                    </div>
                    <div class="container largeContainer">
                        <h3>
                            Address Details</h3>
                        <ul id="accountAddresses">
                            <li>23#, fengdu, cqing, 400030, Slovakia, </li>
                        </ul>
                        <a href="addressDetails.aspx" title="" class="btn_editAddresses">Edit Addresses</a>
                    </div>
                    <div class="largeContainerBottom">
                    </div>
                </div>
                <div class="wrapper">
                    <div class="container mediumContainer">
                        <h3>
                            Order History</h3>
                        <h4>
                            Current Outstanding Orders</h4>
                        <table id="tbOrderHistory">
                        </table>
                        <a href="orderHistory.aspx" title="" class="btn_viewCompleteOrders">View Complete Order
                            History</a>
                    </div>
                    <div class="mediumContainerBottom">
                    </div>
                    <div class="container mediumContainer">
                        <h3>
                            Loyalty Points</h3>
                        <p class="loyaltyTxt">
                            Loyalty points available to spend today:</p>
                        <p class="loyaltyPoints">
                            0</p>
                        <a href="loyalty.aspx" title="" class="btn_viewLoyaltyPoints">View Layolty Points</a>
                    </div>
                    <div class="mediumContainerBottom">
                    </div>
                </div>
                <div class="wrapper">
                    <div class="container narrowContainer">
                        <h3>
                            Current Settings</h3>
                        <ul id="currentSettings">
                            <li><strong>Hand:</strong>Not Specified</li>
                            <li><strong>Gender:</strong>Not Specified</li>
                            <li><strong>Handicap:</strong>Not Specified</li>
                            <li><strong>Swing Speed:</strong>Not Specified</li>
                            <li><strong>Favorite Brands:</strong></li>
                        </ul>
                        <a href="settings.aspx" title="" class="btn_editSettings">Edit Settings</a>
                    </div>
                    <div class="narrowContainerBottom">
                    </div>
                </div>
            </div>
        </div>
        <div style="clear: both; width: 1px;">
        </div>
    </div>
    <UserFooter:Footer ID="UserFooter" runat="server" />
    <UserToolbal:Toolbal ID="UserToolbal" runat="server" />
    </form>
</body>
</html>

<script type="text/javascript">
        var loginState=<%=loginState %>
        if(loginState==0){
        MAD.lightBox.show(".loginSignUpBox");
        }
</script>

